<template>
  <view class="container">
    <view class="content-box">
			<CareerItem v-for="(item,index) in 3" :key="index" @tap="toPage(item)"></CareerItem>
			<view class="load-more-box">
				<uni-load-more :status="status" :content-text="contentText" />
			</view>
		</view>
    <view class="emty">
      <image class="emtyImg" :src="$mConfig.imageUrl + '/image/emtyImg.png'"></image>
      <view class="word">
        <view>发布职业圈信息<br />让更多人看到你的招聘信息</view>
      </view>
    </view>
    <!-- 发布信息 -->
    <view class="release" @click="publicFun">
      <u-icon name="plus" color="#fff" size="26"></u-icon>
      <view class="word">发布职业圈</view>
    </view>
  </view>
</template>

<script>
import CareerItem from './components/CareerItem.vue'
export default {
  components: {
    CareerItem,
  },
  data() {
    return {
      tabs: [
        {
          label: '推荐',
          value: 1,
        },
        {
          label: '关注',
          value: 2,
        },
      ],
      current: 1,
      dataList: [],
      status: 'loading',
      contentText: {
        contentdown: '查看更多',
        contentrefresh: '正在加载',
        contentnomore: '没有更多了',
      },
    }
  },
  methods: {
    changeTab(value) {
      this.current = value
    },
    toPage(item) {
      uni.navigateTo({
        url: '/pages/careerCircle/careerCircleDetail',
      })
    },
    publicFun(){
      uni.navigateTo({
        url: '/pages/careerCircle/publishPro',
      })
    }
  },
}
</script>

<style lang="scss" scoped>
.container {
  .content-box {
    background: #f3f5fa;
    padding: 0 20rpx;
  }
  .emty {
    padding: 140rpx;
    text-align: center;
    .emtyImg {
      width: 306rpx;
      height: 306rpx;
      margin-bottom: 76rpx;
    }
    .word {
      font-weight: bold;
      font-size: 36rpx;
      color: #222222;
      line-height: 64rpx;
    }
  }
  .release {
    width: 182rpx;
    height: 182rpx;
    background: #3a92ff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    text-align: center;
    flex-wrap: wrap;
    padding: 38rpx 0 54rpx;
    box-sizing: border-box;
    position: fixed;
    right: 46rpx;
    bottom: 36rpx;
    .word {
      color: #fff;
      margin-top: 18rpx;
      font-size: 28rpx;
    }
  }
}
</style>
